<style>
    * {text-align:center;}
    html, body {margin:0; padding:0;}
    .page {position:relative;}
    .left-bar {position:absolute; left:0px; width:200px; height:100%; border-right:2px solid red;}
    .right-bar {margin-left:200px; padding-top:150px;}
    .header {position:fixed; top:0px; right:0px; height:90px; border:2px blue; background:#227cec;width:100% ;color:white;}
    .content {height:1000px;} /*replace with height:auto; for real content*/
    .footer {height:50px; border-top:2px blue; background:#227cec;color:white;}
</style>

<html>
    <head> 
        <title>PEDIA</title>
        <script src="js/commonfunctions.js"></script>
        <script src="js/load.js"></script>
        <script src="js/url.js"></script>
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.js"></script>
    </head>
<script>
$( document ).ready(function() {
	if(typeof localStorage["admin_id"]!='undefined'){
		//window.location="courses.html";
	}
});
</script>
	<body>
	<div class="page">
		<div class="header">
		<p>Virtual Training</p>
		<p>PEDIA</p>
		</div>
		<div class="content" style="margin-top:150px;" >
		<form id="forgetpassword_form" method="post">
			<center>
				<h4>NEW PASSWORD:<input type="password"  id="resetPassword" name="resetPassword" />
				<span id="resetPasswordError"  style="color:red;"></span></h4>
				<h4>CONFIRM PASSWORD:<input type="password"  id="Confirmpassword" name="Confirmpassword" />
				<span id="ConfirmpasswordError"  style="color:red;"></span></h4>
				<input type="button" value="login" onclick="resetpasswordFunction()"><br/>
				<span id="SuccessReset"  style="color:red;"></span>
			</center>
		</form>
		</div>
		<div class="footer"></div>
	</div>
	</body>
</html>
